<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>LED发布</title>
	</head>
	<link rel="stylesheet" type="text/css" href="../layui/css/layui.css" />
	<script src="../js/city-picker/city-picker.data.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/common.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../layui/layui.js" type="text/javascript" charset="utf-8"></script>
	<link rel="stylesheet" type="text/css" href="../js/city-picker/city-picker.css" />
	<script src="../js/atricle.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/city-picker/city-picker.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=23a9a947984ee683d48a62df723335f6"></script> 
	<style type="text/css">
		.city-picker-span {
			width: 200px;
		}
	</style>
	<body style="background-color: rgb(242, 242, 242);">
		<div style="padding: 20px;background-color: #fff;">

			<form class="layui-form" style="">
				<div class="layui-form-item">

					<div class="layui-inline">
						<div class="layui-input-inline">
							<input type="text" name="deviceName" class="layui-input" placeholder="设备名称">
						</div>
					</div>
					<div class="layui-inline">
						<div class="layui-input-inline">
							<input type="text" name="deviceMac" class="layui-input" placeholder="设备MAC">
						</div>
					</div>
					<div class="layui-inline">
						<div class="layui-input-inline">
							<input type="text" name="deviceType" class="layui-input" placeholder="设备类型">
						</div>
					</div>

					<div class="layui-inline">
						<button class="layui-btn" lay-submit lay-filter="reload">查询</button>
						<button class="layui-btn layui-btn-primary" onclick="location.reload()">重置</button>
						<button type="button" class="layui-btn layui-btn-warm" id="device">同步设备</button>
						<button type="button" class="layui-btn layui-btn-normal" id="info">批量发布</button>
					</div>

				</div>
			</form>

			<table id="deviceTable" lay-filter="deviceTable"></table>
		</div>


		<form class="layui-form" style="display: none;padding: 10px;" id="projectForm" lay-filter="projectForm">
			<input type="text" name="id" id="deviceId" hidden="hidden">
			<div class="layui-form-item" style="width: 884px;height: 90px;">
				<span style="font-size: 15px;font-weight: bold;">一、选择发布内容</span><br><br>
				<div class="layui-inline" >
					<div class="layui-input-inline" style="width: 120px;">
						　<input type="checkbox" name="" lay-skin="primary" id="weather" checked title="天气预报">
					</div>
				</div>
				<div id="weatherShow" style="float: right;" >
					<div class="layui-inline">
						<div class="layui-input-inline" style="width: 200px;">
							<input type="text" name="address" id="address" data-toggle="city-picker" autocomplete="off" class="layui-input">
						</div>
					</div>

					<div class="layui-inline">
						<div class="layui-input-inline" style="width: 150px;">
							<input type="text" name="type1Area" id="type1Area" placeholder="输入显示区域：01 - 32" class="layui-input">
						</div>
					</div>

					<div class="layui-inline">
						<div class="layui-input-inline" style="width: 150px;">
							<select name="type1Color" id="type1Color">
								<option value=""></option>
								<option value="%1">红</option>
								<option value="%2">绿</option>
								<option value="%3">黄</option>
								<option value="%4">蓝</option>
								<option value="%5">紫</option>
								<option value="%6">青</option>
								<option value="%7">白</option>
							</select>
						</div>
					</div>

					<div class="layui-inline">
						<div class="layui-input-inline" style="width: 150px;">
							<select name="type1Font" id="type1Font">
								<option value=""></option>
								<option value="%F16">小</option>
								<option value="%F24">中</option>
								<option value="%F32">大</option>
							</select>
						</div>
					</div>
				</div>
				
				<br>
				</div>
				
				<div class="layui-form-item">
				<div><span style="font-size: 15px;font-weight: bold;">二、考勤数据配置</span>
					<br><br>
					<div id="type2"></div>
					
				</div>
				
				<br><br>
				
				<div><span style="font-size: 15px;font-weight: bold;">三、自定义内容</span> 　　　<button type="button" id="addType3"
						class="layui-btn layui-btn-warm layui-btn-sm">添加文本内容</button>
					<br><br>
					<div id="type3"></div>

				</div>

			</div>




			<div class="layui-form-item" style="margin-left: 200px;">
				<div class="layui-input-block">
					<button type="button" class="layui-btn" lay-submit lay-filter="basicBtn">保存</button>
					<button type="button" class="layui-btn" id="infoBtn">发布</button>
				</div>
			</div>

		</form>

	</body>
	
	
	<script type="text/html" id="barTask">
		<a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
		<a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="del">删除</a>
	</script>
</html>
